<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<% String cpath=request.getContextPath(); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>조립PC의 대명사- PC Master~!~!</title>
<script>
// 수취인 유효성 검사
	function checkReceiver(){
		var agree = document.writeForm.infor_agree;
		var receiver = document.writeForm.orders_receiver.value;
		var email = document.writeForm.orders_email.value;
		var tel1 = document.writeForm.orders_tel1.value;
		var tel2 = document.writeForm.orders_tel2.value;
		var tel3 = document.writeForm.orders_tel3.value;
		var phone1 = document.writeForm.orders_phone1.value;
		var phone2 = document.writeForm.orders_phone2.value;
		var phone3 = document.writeForm.orders_phone3.value;
		var zipcode1 = document.writeForm.orders_zipcode1.value;
		var zipcode2 = document.writeForm.orders_zipcode2.value;
		var address = document.writeForm.orders_address.value;
		var detail = document.writeForm.orders_detail.value;
		
// 수집동의
 	if(agree[1].checked){
 		alert('개인정보수집에 동의해주세요.');
 		return false;
 	}
// 수취인 성명
	if(receiver.length ==0){
		alert('수취인 성명을 입력하여 주세요.');
		document.writeForm.orders_receiver.focus();
		return false;
	}
// 수취인 이메일
	if(email.length ==0){
		alert('수취인 이메일을 입력하여 주세요.');
		document.writeForm.orders_email.focus();
		return false;
	}
// 수취인 전화번호
	if(tel1.length ==0){
		alert('수취인 전화번호를 입력하여 주세요.');
		document.writeForm.orders_tel1.focus();
		return false;
	}
		if(tel2.length ==0){
		alert('수취인 전화번호를 입력하여 주세요.');
		document.writeForm.orders_tel2.focus();
		return false;
	}
	if(tel3.length ==0){
		alert('수취인 전화번호를 입력하여 주세요.');
		document.writeForm.orders_tel3.focus();
		return false;
	}
	// 수취인 핸드폰
	if(phone1.length ==0){
		alert('수취인 핸드폰 번호를 입력하여 주세요.');
		document.writeForm.orders_phone1.focus();
		return false;
	}
	if(phone2.length ==0){
		alert('수취인 핸드폰 번호를 입력하여 주세요.');
		document.writeForm.orders_phone2.focus();
		return false;
	}
	if(phone3.length ==0){
	alert('수취인 핸드폰 번호를 입력하여 주세요.');
	document.writeForm.orders_phone3.focus();
	return false;
	}
	// 수취인 우편번호
	if(zipcode1.length ==0){
		alert('수취인 우편번호를 입력하여 주세요.');
		document.writeForm.orders_phone1.focus();
		return false;
	}
	if(zipcode2.length ==0){
		alert('수취인 우편번호를 입력하여 주세요.');
		document.writeForm.orders_phone2.focus();
		return false;
	}
	// 수취인 주소
	if(address.length ==0){
		alert('수취인 주소를 입력하여 주세요.');
		document.writeForm.orders_address.focus();
		return false;
	}
	if(detail.length ==0){
		alert('수취인 상세주소를 입력하여 주세요.');
		document.writeForm.orders_detail.focus();
		return false;
	}
}
	
	//우편번호찾기
	function checkZipcode(form){
		window.open('/web/orders/zipcode', 'id_check','width=600,height=250');
		return true;
	};
	
	//우편번호 검색으로 이동
	function addressClick(form){
		if(confirm('우편번호 찾기를 이용해주세요')==true){
			window.open('/web/orders/zipcode', 'id_check','width=600,height=250');
		}
	}	
	
	//우편번호
	//우편번호 사이에 - 을 삽입
	zip2=zip1+"-"+zip2;
	//히든타입에 우편번호를 삽입
	joinForm.orders_zipcode.value=zip2;
	
	joinForm.submit();
	
	function checkForNumber() {
		  var key = event.keyCode;
		  if(!(key==8||key==9||key==13||key==46||key==144||
		      (key>=48&&key<=57)||key==110||key==190)) {
		      event.returnValue = false;
		  }
		}
</script>
</head>
<body>
<!-- 상단 로그인 패널을 include 로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;z-index:1 ">
<%@ include file="../loginPanel.jsp" %>
</div>

<!-- 상단 및 좌측 메뉴(카테고리)리스트를 include 로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;">
<%@ include file="../top.jsp" %>
</div>

<div style="position:absolute; left:50%; top:160px; width:1000px; height:80px; margin-left:-400px;">
<!-- 폼 시작 -->
<form action="<%=cpath%>/orders/write" method="post" name="writeForm" >
<!--------------------------------------여기다가 각자 삽입------------------------------------>
<!-- 주문상품정보 -->
<br />
<img src="<%=cpath%>/resources/orders_item.gif"><br />

<span>제품명</span> <span>가격</span> <span>적립금</span> <span>수량</span><br/>
<span>${beans.goods_name }</span>
<span>${beans.goods_cost  }원</span>
<span>${beans.goods_savemoney }</span>
<span>${beans.goods_count }개</span>
<br /><br />

<!-- 개인정보 수집 동의 -->
<img src="<%=cpath%>/resources/orders_information.gif"><br />
<span class="tx_info">
주문자정보 및 수취인정보는 배송을 위한 정보수집으로 이용되며, 아래의 개인정보취급방침에 동의하여 주시기 바랍니다.</span>

<textarea id="usetextarea" name="policy_agree"  style="width:100%;height:150px;border:1.5px solid  black; " readonly>
'컴맹'은 (이하 '회사'는) 고객님의 개인정보를 중요시하며, "정보통신망 이용촉진 및 정보보호"에 관한 법률을 준수하고 있습니다.

회사는 개인정보취급방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.

회사는 개인정보취급방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.

ο 본 방침은  : 2007 년 12 월 03 일 부터 시행됩니다.

■ 수집하는 개인정보 항목

회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다.

ο 수집항목 :  이름 , 생년월일 , 로그인ID , 비밀번호 , 비밀번호 질문과 답변 , 자택 전화번호 , 자택 주소 , 휴대전화번호 , 이메일 , 주민등록번호 , 서비스 이용기록 , 접속 로그 , 쿠키 , 접속 IP 정보
ο 개인정보 수집방법 : 홈페이지(회원가입) , 서면양식 , 전화/팩스를 통한 회원가입


■ 개인정보의 수집 및 이용목적

회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.

ο 회원 관리
회원제 서비스 이용에 따른 본인확인 , 개인 식별 , 불량회원의 부정 이용 방지와 비인가 사용 방지 , 가입 의사 확인 , 불만처리 등 민원처리 , 고지사항 전달
ο 마케팅 및 광고에 활용: 이벤트 등 광고성 정보 전달 , 접속 빈도 파악 또는 회원의 서비스 이용에 대한 통계


■ 개인정보의 보유 및 이용기간

회사는 개인정보 수집 및 이용목적이 달성된 후에는 예외 없이 해당 정보를 지체 없이 파기합니다.</textarea>
<span class="tx_info">개인정보취급방침에 따라 개인정보 수집에
<input type="radio"  name="infor_agree" value="1" style="border:0" /> 
<label for="o_agree">동의합니다.</label>
<input type="radio"  name="infor_agree" value="0" style="border:0" checked /> 
<label for="o_not">동의하지않습니다.</label>
</span>
<br /><br /><br />

<!-- 주문자 정보 입력 -->
<img src="<%=cpath%>/resources/orders_orders.gif"><br />

<img src="<%=cpath%>/resources/orders_arrow.gif">주문자성명
<input type="text" size="8" maxlength="10"  name="member_name" value="${profile.member_name }"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">이메일
<input type="text"  name="member_email" value="${profile.member_email }"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">전화번호
<input type="text" id="tel1" style="ime-mode:disabled;" onkeypress="checkForNumber();"
			 size="8" maxlength="8" value="${profile.member_phone }"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">핸드폰
<input type="text" id="phone1" style="ime-mode:disabled;" onkeypress="checkForNumber();"
			 size="10" maxlength="10" value="${profile.member_handphone }"/><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">우편번호
<input type="text" size="5" id="zip1" onclick="addressClick(this.form)"
style="ime-mode:disabled;" maxlength="7"  value="${profile.member_zipcode }"/>
<img src="<%=cpath%>/resources/orders_zipcode.gif" style="cursor: pointer;" onclick="checkZipcode(this.form)"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">주소
<input type="text"  value="${profile.member_address1 }"  size="55" name="member_address1" id="add1" onclick="addressClick(this.form)"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">상세주소
<input type="text"  value="${profile.member_address2 }" size="35" name="member_address2" id="add2" onclick="addressClick(this.form)"><br/>
<br /><br /><br />

<!-- 수취인 정보 입력 -->

<img src="<%=cpath%>/resources/orders_receiver.gif">&nbsp;
<img src="<%=cpath %>/resources/orders_bullet.gif" border="0" alt="" />&nbsp;수취인이 주문자와 동일할 경우 주문인 정보와 동일을 클릭하세요
<img src="<%=cpath %>/resources/orders_equals.gif" onClick="inputShip();" style="border:0;cursor:pointer;" alt="주문자와 동일"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">수취인 성명
<input type="text" id="receiverForm" name="orders_receiver" size=8><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">이메일
<input type="text" name="orders_email"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">전화번호
<input type="text" name="orders_tel1" size=4>-<input type="text" name="orders_tel2" size=4>-<input type="text" name="orders_tel3" size=4><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">핸드폰
<input type="text" name="orders_phone1" size=4>-<input type="text" name="orders_phone2" size=4>-<input type="text" name="orders_phone3" size=4><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">우편번호
<input type="text" name="orders_zipcode1"  id="zip1" size=3 onclick="addressClick(this.form)">-
<input type="text" name="orders_zipcode2" id="zip2" size=3 onclick="addressClick(this.form)">
<img src="<%=cpath%>/resources/orders_zipcode.gif" style="cursor: pointer;" onclick="checkZipcode(this.form)"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">주소
<input type="text" size="55" name="orders_address" id="add1" onclick="addressClick(this.form)"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">상세주소
<input type="text" size="35" name="orders_detail" id="add2" onclick="addressClick(this.form)"><br/>
<img src="<%=cpath%>/resources/orders_arrow.gif">요청사항
<textarea name="orders_memo" ></textarea>
<br/><br /><br />

<!-- 결제 방법 선택 -->
<img src="<%=cpath%>/resources/orders_payment.gif"><br />

<input type="radio" name="orders_payment" value="cash" checked="checked">
<img src="<%=cpath%>/resources/orders_cash.gif">무통장입금
<input type="radio" name="orders_payment" value="card">
<img src="<%=cpath%>/resources/orders_card.gif">신용카드결제
<br/>
( 핸드폰으로 주문 및 결제 시 주문 오류가 발생하실 수 있으므로 주문 후 고객센터(☏. 070-7557-7702)로 연락바랍니다. )
<br /><br /><br />

<!-- 결제하기 -->

 <input type=image src="<%=cpath %>/resources/orders_write.gif" style="border:0;" align="middle" alt="결제하기"  onclick="return checkReceiver()"/> 
</form>
<!--------------------------------------   삽입 끝       ------------------------------------>
</div> 

<!-- 하단 이용약관, 고객센터, 회사정보 등의 정보를 include로 삽입 -->
<div style="position:absolute; left:0; top:1300px; width:100%; height:80px; ">
<%@ include file="../bottom.jsp"%>
</div>
</body>
</html>
